<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body class="df fdc page-minie">
    <div class="main-container f1 ofs">
          <!-- 轮播图 -->
    
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide"> <img src="../../assets/imgs/index-swiper-bg1.jpg" alt=""></div>
          <div class="swiper-slide"> <img src="../../assets/imgs/index-swiper-bg2.jpg" alt=""></div>
          <div class="swiper-slide"> <img src="../../assets/imgs/index-swiper-bg3.jpg" alt=""></div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
      </div>



      <!-- 基本信息 -->

      <div class="info bgw">
        <a href="./user.html" class="inner df jcsb aic">
          <div class="l df aic">
            <img class="avatar" id="avatar" />
            <p id="nickname">用户名</p>
          </div>
          <div class="r">></div>
        </a>
        <div class="sign">个性签名： <div  id="sign"></div></div>
      </div>
      <!-- 打卡信息 -->
      <div class="clock bgw mt20 df jcsb aic ">
        <div class="date"> <span class=" iconfont icon-rili"></span> 累计打卡 <span class="num" id="num"></span>天</div>
        <div class="dayplay"> <a >今日打卡</a></div>
      </div>
      <!-- 动态 -->
      <a href="./my-badges.html" class="talk bgw mt20 df jcsb aic ">
         <div class="date"> <span class=" iconfont icon-dongtai"></span>个人动态</div>
         <div class="r"> <span>10条</span> ></div>
      </a>
      <!-- 运动 -->
      <div class="sports bgw mt20">
        <a href="./sports-data.html"class="talk bgw mt20 df jcsb aic ">
            <div class="date"> <span class=" iconfont icon-shuju"></span>运动数据</div>
            <div class="r">></div>
        </a>
       
           <div class="sum-num df jcsb aic">
            <div class="sumsports ">
                <div class="sportstext">总运动</div> 
                <div class="min"><span class="min-num" id="sumSports">99999</span>分钟</div>
           </div>
           <div class="gekai"></div>
           <div class="weeksports"> 
               <div class="sportstext">本周消耗</div>
               <div class="min"><span class="min-num" id="weekSports">99999</span>分钟</div>
           </div>
           </div>

      </div>
      <!-- badge徽章 -->
      <div class="badge bgw mt20">
        <a href="./my-badges.html" class="talk bgw mt20 df jcsb aic ">
            <div class="date"> <span class=" iconfont icon-huizhang"></span>我的运动徽章</div>
            <div class="r"> ></div>
        </a>
            <div class="badgebox df jcsb aic">
                <a href="#"  class="huiz"></a>
                <a href="#" class="huiz"></a>
                <a href="#" class="huiz"></a>
            </div>
         
      </div>
    </div>
  </body>
</html>